<div class="modal fade in ip-box" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static" aria-labelledby="myModalLabel"
    aria-hidden="true" id="details" *ngIf="details">
    <div class="modal-dialog modal-lg-f" role="document" style="margin: 254px auto;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">终端管理 — 详情</h4>
            </div>
            <div class="modal-body">

                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 control-label text-right">终端编码：</label>
                    <div class="col-xs-12 col-sm-9">
                        <!-- <input type="text" 
                        	   class="readonly form-control" 
                        	   readonly
                        	   [value]="details.terminalCode" 
                               > -->
                        <p class="details-p">{{details.terminalCode}}</p>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 control-label text-right">终端名称：</label>
                    <div class="col-xs-12 col-sm-9">
                        <!-- <input type="text" 
                               class="readonly form-control" 
                               readonly
                               [value]="details.terminalName"
                               > -->
                        <p class="details-p">{{details.terminalName}}</p>
                    </div>
                </div>

                <div class="form-group height-auto">
                    <label class="col-xs-12 col-sm-3 control-label text-right">描述：</label>
                    <div class="col-xs-12 col-sm-9">
                        <!-- <textarea rows="5" 
                        		  type="text" 
                        		  class="readonly form-control" 
                        		  readonly
                                  [value]="details.description"
                        		  >                                    
                        </textarea> -->
                        <p class="details-p">{{details.description}}</p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-fff" data-dismiss="modal">关闭
                </button>
            </div>
        </div>

    </div>
</div>